<template>
  <div ref="imageWrapper" class="IllegalSigning">
    <tabsBox :list="tabsList" :hasECharts="true" @eChartsShow="eChartsModalVisible = true"
     @click="tabsClickFun"></tabsBox> 
    <div class="searchBox">
      <a-row :gutter="2">
        <a-col :sm="24" :md="12" :lg="8" :xl="6" :xxl="6">
          <div class="searchBoxItem">
            <span>项目单位：</span>
            <div class="searchBoxItemCon">
              <projectUnitTree :value="params.projectUnit" ></projectUnitTree>
            </div>
          </div>
        </a-col>
        <a-col :sm="24" :md="12" :lg="8" :xl="6" :xxl="6">
          <div class="searchBoxItem">
            <span>数据范围：</span>
            <div class="searchBoxItemCon">
              <a-select v-model="params.value" style="width: 100%;" placeholder="请选择数据范围">
                <a-select-option :value="1">本单位数据</a-select-option>
                <a-select-option :value="2">本单位及以下数据</a-select-option>
              </a-select>
            </div>
          </div>
        </a-col>
        <a-col :sm="24" :md="12" :lg="8" :xl="6" :xxl="6">
          <div class="searchBoxItem">
            <span>指标筛选：</span>
            <div class="searchBoxItemCon">
              <a-button type="primary" @click="indicatorScreeningVisible = true;getSjModelFieldConfig()">点击查看</a-button>
            </div>
          </div>
        </a-col>
        <a-col :sm="24" :md="12" :lg="24" :xl="24" :xxl="6">
          <div style="float: right; overflow: hidden" class="searchBtnBox table-page-search-submitButtons">
            <a-button type="primary" @click="onSearch" icon="search" class="yellow_search_btn">分析</a-button>
            <a-button @click="searchReset" icon="reload" class="clear_btn"
              style="margin-left: 12px">清除条件</a-button>
            <a-button
              type="danger"
              :loading="ydLoading"
              @click="handleToYD(false)"
              icon="arrow-right"
              style="margin-left: 12px"
              >转疑点</a-button
            >
          </div>
        </a-col>
      </a-row>
    </div>
    <div class="tableBox">
      <a-radio-group v-model="tableSelValue"
       style="margin-bottom: 10px;"
       button-style="solid">
        <a-radio-button :value="1">合同列表</a-radio-button>
        <a-radio-button :value="2">凭证列表</a-radio-button>
      </a-radio-group>
      <a-table :columns="tableColumns[tableSelValue]" :data-source="tableData[tableSelValue]" bordered rowKey="No"
      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"></a-table>
    </div>

    <!-- 基本信息 弹窗 -->
    <a-modal
      :width="1000"
      title="基本信息"
      :visible="basicInformationVisible"
      :footer="false"
      @cancel="basicInformationVisible = false"
    >
      <div class="basicInformationItem" v-for="(item, index) in basicInformationData" :key="index">
        <div class="basicInformationItemHeader">
          <i class="basicInformationItemHeaderIcon"></i>
          <div class="basicInformationItemHeaderTxt">{{ item.title }}</div>
        </div>
        <div class="basicInformationItemContent">{{ item.content }}</div>
        <div class="basicInformationItemLine" v-if="index != (basicInformationData.length - 1)"></div>
      </div>
    </a-modal>

    <!-- 疑点规则 弹窗 -->
    <a-modal
      :width="800"
      title="疑点规则"
      :visible="doubtfulPointRulesVisible"
      :footer="false"
      @cancel="doubtfulPointRulesVisible = false"
    >
      <div class="doubtfulPointRulesItem" v-for="(item, index) in doubtfulPointRulesData" :key="index">
        {{ item }}
      </div>
    </a-modal>
    
    <!-- 数据完整性 弹窗 -->
    <a-modal
      :width="600"
      title="数据完整性"
      :visible="dataIntegrityVisible"
      :footer="false"
      @cancel="dataIntegrityVisible = false"
    >
      <div class="dataIntegrityItem" v-for="(item, index) in dataIntegrityData" :key="index">
        <div class="dataIntegrityItemL">
          <i class="dataIntegrityItemIcon" :class="{'dataIntegrityItemIcon_isUpload':item.status}"></i>
          <div class="dataIntegrityItemTxt">{{ item.name }}</div>
        </div>
        <div class="dataIntegrityItemBtn" v-if="item.status"
         @click="modelPopupVisible = true;modelPopupSelVal = index">查看</div>
      </div>
    </a-modal>

    <!-- 模型 弹窗 -->
    <a-modal
      :width="1550"
      :title="modelPopupData[modelPopupSelVal].title"
      :visible="modelPopupVisible"
      :footer="false"
      @cancel="modelPopupVisible = false"
    >
      <div class="modelPopupModal">
        <a-row class="modelPopupBox">
          <a-col class="modelPopupTitle" :span="24"
            v-for="(item, index) in modelPopupData[modelPopupSelVal].list1" :key="index">
            {{ item.title }}
          </a-col>
          <a-col class="modelPopupList" :span="item.span || 12"
            v-for="(item, index) in modelPopupData[modelPopupSelVal].list2" :key="index">
            <div class="modelPopupListTxt modelPopupListTxt1">{{ item.title }}</div>
            <div class="modelPopupListTxt modelPopupListTxt2">{{ item.value }}</div>
          </a-col>
        </a-row>
        <a-table :columns="modelPopupData[modelPopupSelVal].columns" :data-source="modelPopupData[modelPopupSelVal].data" bordered></a-table>
        <a-row class="modelPopupBox1" v-if="modelPopupData[modelPopupSelVal].list3 && modelPopupData[modelPopupSelVal].list3.length">
          <a-col class="modelPopupList" :span="item.span || 12"
            v-for="(item, index) in modelPopupData[modelPopupSelVal].list3" :key="index">
            <div class="modelPopupListTxt modelPopupListTxt1">{{ item.title }}:</div>
            <div class="modelPopupListTxt modelPopupListTxt2">{{ item.value || "无" }}</div>
          </a-col>
        </a-row>
      </div>
    </a-modal>

    <!-- 自定义阈值 指标筛选 弹窗 -->
    <a-modal
      :width="600"
      title="自定义阈值"
      @ok="save"
      @cancel="indicatorScreeningVisible = false"
      :visible="indicatorScreeningVisible"
    >
      <div class="indicatorScreeningItem">
        <div class="indicatorScreeningItemTxt">关键词配置：</div>
        <div class="indicatorScreeningItemRight">
          <a-select mode="tags" v-model="indicatorScreeningData.keyword_configuration"
           style="width: 100%" placeholder="配置关键词"></a-select>
        </div>
      </div>
    </a-modal>

    <!-- 统计图表 弹窗 -->
    <a-modal
      :width="1200"
      title="统计图表"
      :visible="eChartsModalVisible"
      @ok="save"
      @cancel="eChartsModalVisible = false"
    >
      <div class="eChartsBox">
        <div class="eChartsItem"
        v-for="(item, index) in echartsList" :key="index">
          <div class="eChartsItemHeader">
            <i class="eChartsItemHeaderIcon" :style="`background-image: url(${item.icon})`"></i>
            <span class="eChartsItemHeaderTxt">{{ item.title }}</span>
          </div>
          <echarts class="eChartsItemEChart" :chartOpt="item.echartsOpt" :istrigger="istrigger"></echarts>
        </div>
      </div>
    </a-modal>

    <!-- 项目信息 弹窗 -->
    <projectInfoModal :visible="projectInfoVisible"
     @cancel="projectInfoVisible = false"></projectInfoModal>

    <!-- 转移点 -->
    <YDModel ref="YDModel" :router-data="$route.path" />
  </div>
</template>

<script>
import tabsBox from './components/tabsBox.vue';
import { barAndLineECharts, exitRatioOpt } from './js/echartsDataOpt.js'
import modelPopupData from './js/modelPopupData.js'
import echarts from '@/components/echarts.vue'
import { getAction, postAction, putAction } from '@/api/manage'
import YDModel from './components/YDModel'
import projectUnitTree from './components/projectUnitTree.vue'
import html2canvas from 'html2canvas'
import projectInfoModal from './components/projectInfoModal/index.vue'
export default {
  components: {
    tabsBox,
    echarts,
    YDModel,
    projectUnitTree,
    projectInfoModal,
  },
  data() {
    return {
      istrigger: false,
      ydLoading: false,
      params: {
        value: 1,
      },
      tableData: {
        1: [
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2023110800020', name3: '（分送史总）官坊立交框架桥涵及下穿油库框架桥涵工程劳务分包合同',
            name5: '安徽省博威路桥工程有限责任公司',
            name6: '226.038454', name7: '42.387771', name8: '2', name9: '张帅楠',
            name10: '2023-11-08', name11: '', name12: '0.03',
            name13: '2183768.79', name14: '2183768.79',
          },
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2022100900004', name3: '（分送鲍总）拌和站、钢筋场、便道临建工程劳务分包合同',
            name5: '河南北融建设工程有限公司',
            name6: '120.763126', name7: '0', name8: '0', name9: '张帅楠',
            name10: '2022-10-09', name11: '2023-11-20', name12: '0.03',
            name13: '810248.5', name14: '810248.5',
          },
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2022092800101', name3: '（分送鲍总）桥梁下部结构工程一标段建设工程施工劳务分包合同',
            name5: '河南北融建设工程有限公司',
            name6: '324.331799', name7: '102.084639', name8: '1', name9: '张帅楠',
            name10: '2022-09-28', name11: '2023-11-12', name12: '0.03',
            name13: '3709802.18', name14: '3709802.18',
          },
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2023080900217', name3: '（分送史总）基坑降水工程建设工程施工劳务分包合同',
            name5: '河南港城建设工程有限公司',
            name6: '108.698022', name7: '26.921347', name8: '1', name9: '张帅楠',
            name10: '2023-08-09', name11: '', name12: '0.03',
            name13: '744164.44', name14: '744164.44',
          },
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2022123000236', name3: '（分送鲍总）水泥搅拌桩工程劳务分包合同',
            name5: '河南冠宇网络建设有限公司',
            name6: '211.15', name7: '0', name8: '0', name9: '张帅楠',
            name10: '2022-09-07', name11: '2024-05-06', name12: '0.03',
            name13: '1835959.55', name14: '1835959.55',
          },
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2023010900222', name3: '（分送鲍总）钢筋混凝土管桩工程劳务分包合同',
            name5: '河南冠宇网络建设有限公司',
            name6: '66.332', name7: '0', name8: '0', name9: '张帅楠',
            name10: '2023-01-09', name11: '', name12: '0.03',
            name13: '539622.36', name14: '539622.36',
          },
          { name1: '中铁七局郑州公司郑开城际延长线项目经理部',
            name2: 'LWHT2023060100092', name3: '（分送史总）梁场冲击钻工程劳务分包合同',
            name5: '河南辉煌达建筑劳务有限公司',
            name6: '49.32155', name7: '0', name8: '0', name9: '张帅楠',
            name10: '2023-06-01', name11: '2023-08-26', name12: '0.03',
            name13: '458187.78', name14: '458187.78',
          },
        ],
        2: [
          { name1: '2023-01-05', name2: '银付0001',
            name3: '5601-01-02-19-001-1700713936',
            name4: '合同履约成本-工程施工-间接费用-办公费-郑开城际铁路延长线站前工程分部-中铁七局郑开城际铁路延长线站前工程分部',
            name5: '吴海鹏报销工程施工-间接费用-办公费-邮电费',
            name6: '人民币', name7: '347.5', name8: '347.5', name9: '0', name10: '0'
          },
          { name1: '2023-01-05', name2: '银付0001',
            name3: '1002-1700713936-20110101927011370001-01-07-01-91140000775180056J',
            name4: '银行存款-中铁七局郑开城际铁路延长线站前工程分部-中铁七局集团有限公司郑开城际铁路延长线站前工程项目部20110101927011370001-办公费、差旅费等费用开支-职工报销费用',
            name5: '吴海鹏报销工程施工-间接费用-办公费-邮电费',
            name6: '人民币', name7: '0', name8: '0', name9: '347.5', name10: '347.5'
          },
          { name1: '2023-01-05', name2: '银付0002',
            name3: '5601-01-01-06-99-1700713936-0311-001',
            name4: '合同履约成本-工程施工-合同成本-其他直接费用-其他-中铁七局郑开城际铁路延长线站前工程分部-复垦恢复费-郑开城际铁路延长线站前工程分部',
            name5: '郑慧卿报销其他直接费',
            name6: '人民币', name7: '83058', name8: '83058', name9: '0', name10: '0'
          },
          { name1: '2023-01-05', name2: '银付0002',
            name3: '1002-1700713936-20110101927011370001-01-04-11410200MB1K72100U',
            name4: '银行存款-中铁七局郑开城际铁路延长线站前工程分部-中铁七局集团有限公司郑开城际铁路延长线站前工程项目部20110101927011370001-购买商品、接受劳务支付的现金-开封市城乡一体化示范区农业农村局',
            name5: '郑慧卿报销其他直接费',
            name6: '人民币', name7: '0', name8: '0', name9: '83058', name10: '83058'
          },
          { name1: '2023-01-05', name2: '现收0001',
            name3: '1001-1700713936-01-03-99-914103007822355084',
            name4: '库存现金-中铁七局郑开城际铁路延长线站前工程分部-其他-中船双瑞（洛阳）特种装备股份有限公司',
            name5: '应收中船双瑞（洛阳）特种装备股份有限公司其他',
            name6: '人民币', name7: '1000', name8: '1000', name9: '0', name10: '0'
          },
          { name1: '2023-01-05', name2: '现收0001',
            name3: '2221-01-07-1700713936-06',
            name4: '应交税费-应交增值税-销项税额-中铁七局郑开城际铁路延长线站前工程分部-0.06',
            name5: '应收中船双瑞（洛阳）特种装备股份有限公司其他',
            name6: '人民币', name7: '0', name8: '0', name9: '56.6', name10: '56.6'
          },
          { name1: '2023-01-07', name2: '转账0003',
            name3: '2221-05-1700713936',
            name4: '应交税费-待认证进项税额-中铁七局郑开城际铁路延长线站前工程分部',
            name5: '张帅楠报销其他直接费用-其他费用',
            name6: '人民币', name7: '49500', name8: '49500', name9: '0', name10: '0'
          },
        ]
      },
      selectedRowKeys: [],
      tableSelValue: 1,
      tableColumns: {
        1: [
          {
            title: '序号',
            dataIndex: 'rowIndex',
            width: 65,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1
            }
          },
          { title: "项目名称", dataIndex: "name1", key: "name1" },
          { title: "合同编号", dataIndex: "name2", key: "name2" },
          { title: "合同名称", dataIndex: "name3", key: "name3" },
          { title: "分包队伍名称", dataIndex: "name5", key: "name5" },
          { title: "主合同金额(万元)", dataIndex: "name6", key: "name6" },
          { title: "补充合同金额(万元)", dataIndex: "name7", key: "name7" },
          { title: "补充合同个数", dataIndex: "name8", key: "name8" },
          { title: "合同签订人", dataIndex: "name9", key: "name9" },
          { title: "签订日期", dataIndex: "name10", key: "name10" },
          { title: "封闭日期", dataIndex: "name11", key: "name11" },
          { title: "税率(%)", dataIndex: "name12", key: "name12" },
          { title: "本期合同结算金额(含税)(元)", dataIndex: "name13", key: "name13" },
          { title: "开累合同结算金额(含税)(元)", dataIndex: "name14", key: "name14" },
        ],
        2: [
          {
            title: '序号',
            dataIndex: 'rowIndex',
            width: 65,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1
            }
          },
          { title: "日期", dataIndex: "name1", key: "name1" },
          { title: "凭证字号", dataIndex: "name2", key: "name2" },
          { title: "科目编号", dataIndex: "name3", key: "name3" },
          { title: "科目名称", dataIndex: "name4", key: "name4" },
          { title: "摘要", dataIndex: "name5", key: "name5" },
          { title: "货币", dataIndex: "name6", key: "name6" },
          { title: "借方", children: [
            { title: "原币", dataIndex: "name7", key: "name7" },
            { title: "本位币", dataIndex: "name8", key: "name8" },
          ] },
          { title: "贷方", children: [
            { title: "原币", dataIndex: "name9", key: "name9" },
            { title: "本位币", dataIndex: "name10", key: "name10" },
          ] },
        ]
      },
      echartsList: [
        {
          title: '承担缺陷整治费用统计',
          icon: require('../../assets/new_modal/1.png'),
          echartsOpt: {
            id: 'numberOfExitsECharts1',
            options: null,
          },
        },
        {
          title: '承担治缺费用疑点数量比例',
          icon: require('../../assets/new_modal/3.png'),
          echartsOpt: {
            id: 'numberOfExitsECharts2',
            options: null
          },
        },
      ],
      tabsList: [
        { title: '承担缺陷整治费用', img: require('../../assets/new_modal/11.png') },
        { title: '模型说明', img: require('../../assets/new_modal/5.png') },
        { title: '疑点规则', img: require('../../assets/new_modal/4.png') },
        { title: '数据完整性', img: require('../../assets/new_modal/2.png') },
        { title: '项目信息', img: require('../../assets/new_modal/17.png') },
      ],
      basicInformationVisible: false,
      basicInformationData: [
        { value: 'mxdy', title: '模型定义' },
        { value: 'sjal', title: '实际案例' },
        { value: 'sjwt', title: '审计问题' },
        { value: 'wtdx', title: '问题定性' },
      ],
      doubtfulPointRulesVisible: false,
      doubtfulPointRulesData: [],
      dataIntegrityLoading: false,
      dataIntegrityVisible: false,
      dataIntegrityData: [],
      modelPopupVisible: false,
      modelPopupSelVal: 0,
      modelPopupData,
      indicatorScreeningVisible: false,
      indicatorScreeningParams: {},
      indicatorScreeningData: {},
      eChartsModalVisible: false,
      projectInfoVisible: false,
      url: {
        queryTemplateData: '/sjmx2/modelTemplateCollectConfig/queryTemplateData',
        editIndicator: '/sjmx/sjModelFieldConfig/edit',
        getModelTemplateConfig: '/sjmx2/modelTemplateConfig/queryById',
        getSjModelFieldConfig: '/sjmx/sjModelFieldConfig/queryModelField',
      },
    }
  },
  mounted() {
    this.getModelTemplateConfig();
    this.$set(this.echartsList[0].echartsOpt, 'options', barAndLineECharts({
      name: ['分包队伍1', '分包队伍2', '分包队伍3', '分包队伍4', '分包队伍5', '分包队伍6', '分包队伍7'],
      value: ['10', '20', '30', '40', '50', '30', '20'],
    }));
    this.$set(this.echartsList[1].echartsOpt, 'options', exitRatioOpt([
      { value: 10, name: '分包队伍1' },
      { value: 10, name: '分包队伍2' },
      { value: 10, name: '分包队伍3' },
      { value: 10, name: '分包队伍4' },
      { value: 10, name: '分包队伍5' },
      { value: 10, name: '分包队伍6' },
      { value: 10, name: '分包队伍7' },
    ]));
    this.$nextTick(()=>{
      this.istrigger = !this.istrigger;
    })
  },
  methods: {
    getDataList(data, index) {
      this.dataIntegrityLoading = true;
      getAction(this.url.getDataList, {
        taskId: data.taskId,
        templateId: data.templateId
      }).then((res)=>{
        console.log(res);
      })
      this.modelPopupVisible = true;
      this.modelPopupSelVal = index;
    },
    queryTemplateData() {
      getAction(this.url.queryTemplateData, {id: 'cdqxzzfy'}).then((res)=>{
        if(res.code == 200) {
          this.dataIntegrityData = res.result
        }
      })
    },
    save() {
      let projectJson =JSON.stringify(this.indicatorScreeningData)
      this.editIndicator(projectJson);
      this.visible = false
    },
    // 保存已经修改的projectJson(子组件返回json串)
    editIndicator(projectJson) {
      let queryParam = {
        id: this.indicatorScreeningParams.id,
        modelId: "cdqxzzfy",
        projectJson,
      };
      putAction(this.url.editIndicator, queryParam).then((res) => {
        this.$message.success('保存成功');
        this.indicatorScreeningVisible = false;
      })
    },
    getSjModelFieldConfig() {
      getAction(this.url.getSjModelFieldConfig, {modelId: 'cdqxzzfy'}).then((res)=>{
        this.indicatorScreeningData = JSON.parse(res.result.projectJson);
        this.indicatorScreeningParams = res.result;
      })
    },
    getModelTemplateConfig() {
      getAction(this.url.getModelTemplateConfig, {id: 'cdqxzzfy'}).then((res)=>{
        let jbxx = JSON.parse(res.result.jbxx);
        for(let key in jbxx) {
          for(let i=0;i<this.basicInformationData.length;i++) {
            let item = this.basicInformationData[i];
            if(item.value == key) {
              this.$set(this.basicInformationData[i], 'content', jbxx[key]);
            }
          }
        }
        this.doubtfulPointRulesData = [res.result.ydgz]
      })
    },
    tabsClickFun(e) {
      if(e == 0) {
      }else if(e == 1) {
        this.basicInformationVisible = true;
      }else if(e == 2) {
        this.doubtfulPointRulesVisible = true;
      }else if(e == 3) {
        this.dataIntegrityVisible = true;
        this.queryTemplateData();
      }else if(e == 4) {
        this.projectInfoVisible = true;
      }
    },
    onSearch() {

    },
    searchReset() {

    },
    handleToYD() {
      this.ydLoading = true
      let time = '[劳务分包补充合同占比高]'
      let ydnr = '此项目存在【劳务分包补充合同占比高】类似疑点信息。'
      let gzzd = undefined
      html2canvas(this.$refs.imageWrapper).then((canvas) => {
        let dataURL = canvas.toDataURL('image/png')
        console.log('父组件调用完了')
        // this.$refs.YDModel.show()
        this.$refs.YDModel.show({}, dataURL, ydnr, time, gzzd)
        this.ydLoading = false
      })
    },
    onSelectChange(e) {
      this.selectedRowKeys = e;
    }
  }
}
</script>

<style lang="less" scoped>
.IllegalSigning {
  .searchBox {
    padding: 0 25px;
    margin-top: 15px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50px;
  }
  .searchBoxItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    span {
      text-align: right;
      width: 80px;
    }
    .searchBoxItemCon {
      flex: 1;
    }
  }
  .searchBtnBox {
    padding: 10px 0;
    display: flex;
    align-items: center;
  }
  .tableBox {
    padding: 25px;
    margin-top: 15px;
    border-radius: 40px;
    background-color: #ffffff;
  }
  .eChartsBox {
    margin-top: 15px;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .eChartsItem {
    padding: 25px;
    border-radius: 30px;
    background-color: #ffffff;
  }
  .eChartsItemHeader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .eChartsItemHeaderIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .eChartsItemHeaderTxt {
    margin-left: 10px;
    font-size: 20px;
    color: #3154A4;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
  .eChartsItemEChart {
    height: 288px;
  }
}
.basicInformationItem {
  .basicInformationItemHeader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .basicInformationItemHeaderIcon {
    display: inline-block;
    width: 6px;
    height: 18px;
    background-color: rgba(49, 84, 164, 1);
    margin-right: 10px;
  }
  .basicInformationItemHeaderTxt {
    font-size: 18px;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    color: #333333;
    line-height: normal;
  }
  .basicInformationItemContent {
    margin-top: 15px;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    color: #333333;
    font-size: 14px;
    text-align: left;
    line-height: 25px;
  }
  .basicInformationItemLine {
    width: 100%;
    height: 1px;
    background-color: #3154A4;
    margin: 15px 0;
  }
}
.doubtfulPointRulesItem {
  font-family: 'Arial Normal', 'Arial', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: left;
  letter-spacing: normal;
  color: #333333;
  text-indent:2em;
  line-height: 25px;
}
.dataIntegrityItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  &:last-child {
    margin-bottom: 0;
  }
  .dataIntegrityItemL {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .dataIntegrityItemIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url('../../assets/new_modal/u1146.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .dataIntegrityItemIcon_isUpload {
    background-image: url('../../assets/new_modal/u11.svg');
  }
  .dataIntegrityItemTxt {
    font-size: 14px;
    text-align: left;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .dataIntegrityItemBtn {
    cursor: pointer;
    color: #3154A4;
    font-size: 14px;
    text-align: left;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
}
.indicatorScreeningItem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  &:last-child {
    margin-bottom: 0;
  }
  .indicatorScreeningItemTxt {
    width: 120px;
    text-align: right;
  }
  .indicatorScreeningItemRight {
    width: calc(100% - 120px);
  }
  .indicatorScreeningItemRightTxt {
    display: inline-block;
    width: 40px;
    text-align: center;
  }
  .indicatorScreeningItemRightInput {
    width: 30%;
  }
}
.modelPopupModal {
  .modelPopupBox {
    border-top: 1px solid #dadada;
    border-right: 1px solid #dadada;
    .modelPopupTitle {
      padding: 5px 0;
      text-align: center;
      border: 1px solid #dadada;
      border-top-width: 0;
      border-right-width: 0;
      background-color: #F2F2F2;
      font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 18px;
    }
    .modelPopupList {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #dadada;
      border-top-width: 0;
      border-right-width: 0;
      &:last-child {
        border-bottom-width: 0;
      }
      .modelPopupListTxt {
        width: 50%;
        padding: 5px;
      }
      .modelPopupListTxt1 {
        background-color: #F2F2F2;
      }
      .modelPopupListTxt2 {
        background-color: #ffffff;
      }
    }
  }
  .modelPopupBox1 {
    border-right: 1px solid #dadada;
    .modelPopupList {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #dadada;
      border-top-width: 0;
      border-right-width: 0;
      .modelPopupListTxt {
        width: 50%;
        padding: 5px;
      }
      .modelPopupListTxt1 {
        background-color: #F2F2F2;
      }
      .modelPopupListTxt2 {
        background-color: #ffffff;
      }
    }
  }
  .ant-table-thead > tr > th .ant-table-header-column {
    white-space: nowrap;
  }
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background: #3154a4;
  border-color: #3154a4;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #3154a4;
}
.eChartsBox {
  margin-top: 15px;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(2, 1fr);
  .eChartsItem {
    border-radius: 30px;
    background-color: #ffffff;
  }
  .eChartsItemHeader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .eChartsItemHeaderIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .eChartsItemHeaderTxt {
    margin-left: 10px;
    font-size: 20px;
    color: #3154A4;
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
  .eChartsItemEChart {
    height: 288px;
  }
}
</style>